<!DOCTYPE HTML>

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Your Website</title>
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/normalize.css" type="text/css" media="all" />

	<link rel="stylesheet" href="css/styles.css" type="text/css" media="all" />

	<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic,latin-ext,cyrillic-ext,greek-ext,greek,vietnamese' rel='stylesheet' type='text/css'>

</head>

<body>

	<header class="header">
		<nav>
			<ul class="menu">
				<li class="active">
					<a href="">Хидрографика</a>
				</li>
				<li>
					<a href="">Каталог</a>
				</li>
				<li>
					<a href="">Галерия</a>
				</li>
				<li>
					<a href="">Контакти</a>
				</li>
			</ul>
			<a href="" class="fb_button"></a>
		</nav>
	</header>
	<div class="banner"></div>
	<section class="wrapper c_block">
		<div class="shadow" style="margin-top: -23px;"></div>
		<article class="color col2-3">
			<header>
				<h2>Какво е хидрография</h2>
			</header>
			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
		</article>

		<article class="grey col1-3 ml_20">
			<header>
				<h2>За контакти</h2>
			</header>
			<p>
				За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
			</p>
		</article>

		<div class="clear mb_20"></div>

		<article class="box color col1-3">
			<header>
				<h2>За контакти</h2>
			</header>
			<span class="pic1"></span>
			<p>
				За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
			</p>
		</article>
		<article class="box color col1-3 ml_20">
			<header>
				<h2>За контакти</h2>
			</header>
			<span class="pic2"></span>
			<p class="mt_10 mb_10">
				За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
			</p>
		</article>
		<article class="box color col1-3 ml_20">
			<header>
				<h2>За контакти</h2>
			</header>
			<span class="pic3"></span>
			<p>
				За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
			</p>
		</article>
		<div class="clear"></div>
		<p class="a_center mb_10 mt_10">
			За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
		</p>
		<div class="shadow" style="margin-bottom: -31px;"></div>
	</section>

	<div class="clear mt_40"></div>
	<footer>
		<div class="footer_wrapper">

			<span class="web_design">
				<a href="">
					<p>Web Design</p>
					A-Dimitrov.com
				</a>
			</span>

			<a href="" class="color mt_20 ml_20 f_left">
				<span class="munista"></span>
				<span class="f_left ads_wi">
					<header>
						<h2>Мъниста</h2>
					</header>
					<p>Мъниста и сарашки изделия</p>
				</span>
			</a>

			<a href="" class="color mt_20 ml_20 f_left">
				<span class="munista"></span>
				<span class="f_left ads_wi">
					<header>
						<h2>Мъниста</h2>
					</header>
					<p>Мъниста и сарашки изделия</p>
				</span>
			</a>



		</div>
		<div class="footer_color"></div>

	</footer>
</body>
</html>